* {
margin: 0;
padding: 0;
box-sizing: border-box
}

ul,
ol {
list-style: none;
}

a {
text-decoration: none
}


.header{width:100%; padding: 0 4%; position: fixed; z-index: 99; height: 100px;line-height: 100px;transition: .5s;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.header.cur{background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.1);height: 90px;line-height: 90px;}
.header .logo{overflow:hidden;    position: relative;}
.he_img1{opacity: 0;}
.header.cur .he_img1{opacity:1;}
.header.cur .he_img{opacity: 0;}
.he_img {
    position: relative;
    top: 0;
    left: 0;
}

.he_img1 {
    position: absolute;
    top:26px;
    left: 0;
}
.header nav ul li{position:relative;float:left;}
.header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1);}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:100px}
.header nav ul li>a{position:relative;color:#fff;font-size:18px;display: block;  margin: 0 25px;}
.header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:4px;background:#007bc6;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s}


.header nav ul li>a.layui-this-moren::after {
-webkit-transform:scale(1);transform:scale(1);
}

.header nav ul li .sub-nav{visibility:hidden;opacity:0;z-index:1;left:50%;min-width:150px;background:#fff;border-radius: 3px;box-shadow: 0 1px 6px rgba(0,0,0,.15);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s;}
.header nav ul li .sub-nav a{height:50px;line-height:50px;text-align:center;border-bottom:1px solid #f2f2f2; color:#333; padding: 0 10px; display: block;}
.header nav ul li .sub-nav a:last-child{border-bottom:none;}
.header nav ul li .sub-nav a:hover{background:#f5f5f5; color: #007bc6;}
.header nav ul li>a:hover{color: #fff;}

.header.cur nav ul li>a {
    color: #555;
}

.header.cur nav ul li:hover >a {
    color:#007bc6;
}
.header.cur nav ul li:hover .sub-nav {
    top: 90px;
}


.fly-midd {
    display: inline-block;
    height: 14px;
    width: 1px;
    vertical-align: middle;
    background-color: #a4aaae;
	margin: 0 7px;
}
.rightcc{margin-left:30px;}
.rightcc .dtel{display: inline-block;margin-right:30px;}
.rightcc .header_business {
	border-radius:2em;
	height:40px;
	line-height:40px;
	padding:0 20px;
	font-size:16px;
	color:#fff;
	background:rgba(255, 255, 255, 0.13);
	display:block;
	position: relative;
	
}
.header.cur .rightcc .header_business{background:#007bc6;}
.rightcc .header_business .icon-dianhua2 {font-size: 20px;padding-right: 5px;}
.animation-phone{
    animation: scaleDraw 5s ease-in-out infinite;
  }
  @keyframes scaleDraw {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(1.1);
    }
    50% {
      transform: scale(1);
    }
    75% {
      transform: scale(1.1);
    }
  }
.eng{display: inline-block;}  
.eng a{color: #fff; font-size: 14px; padding: 0 3px;} 
.he_searig{display: inline-block; color: #fff; margin-right: 30px;}
.he_searig .icon-fangdajing{font-size: 20px;cursor: pointer;}
.he_searigs{display: inline-block; color: #fff; margin-right: 8px;}
.he_searigs .icon-yuyan{font-size: 20px;cursor: pointer;}
.header.cur .eng a:hover,.eng a:hover{color: #007bc6;} 
.header.cur .eng a{color: #555;}
.header.cur .fly-midd {
    background-color: #999;
}
.header.cur .he_searig,.header.cur .he_searigs{color: #333;}
.mc_search_xl {
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    height: 100px;
    border-top: 1px solid #eee;
    z-index: 99;
    background: #fff;
    display: none;
    transition: top 0.36s;
}
.header.cur .mc_search_xl{top: 90px;}
.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.mc_msc_box input {
    border-bottom: 1px solid #dfdede;
	padding: 20px 0;
}
.mc_msc_box .icon-fangdajing{font-size: 24px; cursor: pointer;}
.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
}

.mc_msc_submit {
    font-size: 26px;
    color: #666666;
    width: 30px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.mc_pos_center {
    width: 30%;
}
/* 移动导航 */
.motop{width:100%;
  height:70px;
  position: fixed;
  padding:0 4%;
  z-index:999999;
  display: none;
 background: #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  -webkit-transition: all .53s;
 -moz-transition: all .5s;
 -ms-transition: all .5s;
 transition: all .5s;
 border-bottom: 1px solid #ebebeb;
}
.motop.on{background: #fff}
.mologo{margin:0 auto;
   float:left;
}
.mologo a{line-height: 70px;
}
.mologo a span{font-size: 12px;
            margin-left: 6px;
}
.mologo img{ 
       vertical-align: middle;
	   height:30px;
}
.monav{
   margin-top:23px;
   cursor:pointer;
   position: absolute;
   right:4%;
   width:30px;
   height:22px;
}
.monav span{width:28px;
       height:2px;
       display: block;
       background: #333;
       position: absolute;
       transition:all .5s;
}
.monav .s1{top:5px;}
.monav .s2{top:13px;width: 24px;}
.monav .s3{top:21px;width: 20px;}
.monav .s1.on{transform:rotate(45deg);
      top:10px;
}
.monav .s2.on{opacity: 0;}
.monav .s3.on{transform:rotate(-45deg);
      top:10px;
	  width: 28px;
}
.navdown{width:100%;
  background: #fff;
  position: fixed;
  top:70px;
  z-index: 9999;
  display: none;
  border-top:1px solid #eee;
  padding-bottom: 40px;
  text-align: center;
}

.navdown>ul>li{line-height: 46px;
        font-size:16px;
        color:#333;
        position: relative;
        cursor:pointer;
        width:92%;
        margin:0 auto;
        border-bottom:1px solid #f2f2f2;
        
        
}
.navdown>ul>li a{font-size:18px;
            display: inline-block;
            width: 100%;
            height: 100%;
            color: #666;
			text-align: left;
}
.navdown>ul>li a:hover{color:#007bc6;}
.navdown .ul2{display: none;}
.navdown .ul2 li{line-height: 46px;
              border-top:1px dashed #e6e6e6;
              position: relative;
             
}

.navdown .ul2 li a{
                 font-size:14px;
                 color:#999;
                 width:100%;
                 height:100%;
                 display: block;
				 padding: 0 15px;
			

}
.navdown .ul2 li a i{position: absolute;
                   right:4%;


}
.navdown>ul>li>a>i{
position: absolute;
right: 4%;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;

}
.navdown>ul>li>a>i.on{-webkit-transform: rotate(90deg);
                      -moz-transform: rotate(90deg);
                      -ms-transform: rotate(90deg);
                       transform: rotate(90deg);
}

.navdown .language{margin-left: 4%;line-height: 60px;}
#index_banner .item a {
  display: block
}
.engs{position: absolute;right: 12%;margin-top: 25px;}
.engs a{font-size: 18px;}
.ph_search {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
}

.ph_search_ph {
    width: 100%;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 18px;
    float: left;
    border-radius: 17.5px;
    position: relative;
}

.ph_search_ph input {
    width: 100%;
    height: 100%;
    text-indent: 20px;
    color: #333333;
}

.ph_search_ph input::-webkit-input-placeholder {
    color: #999999;
}

.ph_search_ph button {
    width: 40px;
    height: 100%;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.ph_search button .icon-sousuo {
    font-size: 27px;
    color: #999999;
}
.ph_searchfe {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
}

.ph_searchfe img {
    width: 100%;
}
.ph_dh_number {
    width: 100%;
    text-align: center;
    margin-top: 18px;

}

.ph_dh_number .ph_dh_n {
    display: inline-block;
    overflow: hidden;
}

.ph_dh_number .ph_dh_n p {
    float: left;
    font-size: 16px;
    color: #999;
}

.ph_dh_number .ph_dh_n p a {
    float: left;
    font-size: 16px;
    color: #999;
}

.ph_dh_number .ph_dh_n .ph_dh_n_p1 {
    margin-right: 15px;
}

#index_banner .item .img span {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
#index_banner .item .img img {
	width: 100%;
}
#index_banner .owl-controls .owl-pagination {
  margin: 0;
  width: 100%;
  height: 10px;
  text-align: center;
  position: absolute;
  bottom: 70px
}

#index_banner .owl-controls .owl-pagination .owl-page {
  display: inline-block
}

#index_banner .owl-controls .owl-pagination .owl-page span {
  display: block;
  margin: 0 10px;
  width: 80px;
  height: 10px;
  background: rgba(102, 135, 185, 0.8);;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

#index_banner .owl-controls .owl-pagination .active span {
  width:90px;
  background: #0b80c8
}

#index_banner .owl-controls .owl-buttons div {
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}



.pagination-style {
  margin-top: 50px;
  text-align: center;
  overflow: hidden;
}
.pagination-style ul li {
  display: inline-block;
  margin: 5px;
}
.pagination-style ul li a {
padding:5px 12px;
  border: 1px solid #e8e8e8;
  display: block;
  border-radius: 3px;
  color:#888;
}
.pagination-style ul li a:hover {
  background:#007bc6;
  color: #fff;
}
.pagination-style ul .active a {
  color: #fff;
  background:#007bc6;
}
.alert-danger {
    background-color: #007bc6;
    border-color: #007bc6;
    color: #fff;
}
.alert {
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 4px;
margin-bottom: 20px;
font-size:18px;
}
.xh_about{margin-top: 80px;}
.ec_b h2{ font-size: 55px; color: #2c2c2c;font-weight: bold; line-height: 55px;}
.ec_b h3{ font-size: 30px; color: #88c5e0;font-weight: bold;text-transform: uppercase;margin: 0 0 20px 0;}

.ec_b { width: 92%;}

.ec_b_1 p{ font-size: 16px; color:#030304;line-height: 34px; margin-bottom: 20px;text-align: justify;}
.ec_b_1 a{ width: 165px; height: 50px;border-radius: 50px; display: block;line-height: 50px;text-align: center; color: #fff;font-size: 16px; background-color: #007bc6;letter-spacing: 1px;}
.ec_b_1 a i{ padding-left: 0;}
.ec_b_1 a .iconfont {
	font-size: 16px;
    display: inline-block;
    animation-duration: 1.3s;
}

  
.ec_b_1 a:hover{transform: translateY(-5px);box-shadow: 0 0 5px rgba(0,123,198,.8)}
.ec_c{position: relative;}
.ec_c a{ display: block;}
.about_date{position: absolute;  transform-origin: center center; color: #fff;
    left: 12.6%;
	bottom: -28px;
}
.about_date li{text-align: center;}	
.about_date p.info{font-family: 'Impact';font-size: 25px; width: 83px;height: 83px; border: 2px solid #fff; border-radius: 50%;line-height: 83px;}
.about_date p.info b{font-weight: normal;}
.about_date p.info i{font-style: normal;font-size: 16px; padding-left: 5px;}
.about_date p.info span{font-size: 14px;padding-left: 5px;}
.about_date li .name{font-size: 16px; margin-top: 5px;}
.xh_cp{margin-top: 155px;}
.g_title h3 {
    font-size: 55px;
    color: #2c2c2c;
    font-weight: bold;
    line-height: 55px;
}
.g_title h4{font-size: 30px;
    color: #c8c7d0;
    font-weight: bold;
    text-transform: uppercase;
    margin: 7px 0 10px 0;}
.g_title p{color: #696969;font-size: 16px; line-height: 36px;}	
.xh_cp_bj{overflow: hidden; margin-top: 36px;
    position: relative;
    --v-offset: 60px;
    --curve-height: 120px;}
.xh_cp_bj:before,.xh_cp_bj:after {
    content: "";
    display: block;
    background: #f5f4ff;
    width: calc(100vw+2 * var(--v-offset));
    height: var(--curve-height);
    position: absolute;
    border-radius: 50%;
    left: calc(-1 * var(--v-offset));
    right: calc(-1 * var(--v-offset));
	z-index: 1;
}

.xh_cp_bj:before {
    top: calc(-0.6 * var(--curve-height))
}

.xh_cp_bj:after {
    bottom: calc(-0.6 * var(--curve-height))
}	
.g_cpt2bot {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.g_cpt2botnr {
    width: 16.6666%;
    float: left;
    position: relative;
    height: 100%;
    transition: all .36s ease;
    border-right: 1px solid rgba(255, 255, 255, .2);
}
.g_cpt2botnr:hover{background-color:rgba(21,79,186,.7);}

.g_cpt2botnr .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    
    color: #fff;
    z-index: 555
}
.g_cpt2botnr:hover .content{width: 50%;}
.g_cpt2botnr .content .icon{text-align: center; display: block;}
.g_cpt2botnr h2{ text-align: center; font-size: 24px; color: #fff; margin-top: 20px;}
.g_cpt2botnr .content .info {
    height: 0px;
    overflow: hidden;
	transition: .6s ease 0s;
	text-align: left;
	position: relative;
}
.g_cpt2botnr .content .info .xian {
	width: 50px;
	height: 2px;
	display: block;
	background-color: #fff;
	margin: 20px 0;
}
.g_cpt2botnr .content .info p{font-size: 14px; padding-bottom: 12px;}
.g_cpt2botnr:hover .info {
    height: 300px;
}
.g_cpt2botnr:hover .icon,.g_cpt2botnr:hover h2{text-align: left;}
.g_cpt2botnr .content .info .more2{font-size: 16px; font-weight: bold; margin-top: 20px; display: block;}
.g_cpt2botnr .content .info .more2 .iconfont {
    font-size: 16px;
    display: inline-block;
    animation-duration: 1.3s;
}
.xh_xw{margin-top: 35px;}

.xh_xw ul li .pics img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	height: 275px;
	    object-fit: cover;
		width: 100%;	
}
.xh_xw_a{ margin-top: 55px;}
.xh_xw ul li .xw_top a{ display: block;	border-radius: 20px 20px 0 0;}
.xh_xw ul li .xw_top a:hover  img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.xh_xw ul li .xw_down{background-color: #fff; padding: 30px;border-radius: 0 0 20px 20px;}
.xh_xw ul li .xw_down span{font-size: 16px; color: #949494; font-family: "Arial"; display: block; margin-top: 10px;}
.xh_xw ul li .xw_down h3{height: 60px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; margin: 20px 0 30px 0;}
.xh_xw ul li .xw_down h3 a{font-size: 16px; color: #4a4a4a; font-weight: bold; line-height: 30px;}
.xh_xw ul li .xw_down p a{font-size: 16px; color: #949494;display: block; margin-bottom: 10px;}
.xh_xw ul li .xw_down p a .iconfont {
    font-size: 16px;
    display: inline-block;
    animation-duration: 1.3s;
}
.xh_xw ul li .xw_down h3 a:hover,.xh_xw ul li .xw_down p a:hover{color: #007bc6;}
.xw_gd{margin-top: 55px;}
.xh_xw .ec_b_1 a{margin: 0 auto;}
.footer-bg{background-image: url(../img/ft_bj.png);
	    background-position: center bottom;
	    background-repeat: no-repeat;
		
		height: 100%;
		width: 100%;}
.footer-bg .ftt{padding-top:130px;}
.footer-nav {
    float: right;
    width: 60%;
	margin-left: 10%;
}
.footer-wx-wz {
    width: 30%;
    float:left;
}
.footer-nav a:hover{color: #007bc6;}
.footer-nav dl{float: left; width: 25%;}
.footer-nav dl dt {padding-bottom: 38px; position: relative;}
.footer-nav dl dt a{font-size: 18px; color: #ffffff;font-weight: 400;}
.footer-nav dl dd{padding-bottom: 15px;}
.footer-nav dl dd a{ color: #fff; font-size: 15px;font-weight: 300;}
.footer-nav dl.ccw dd{padding-bottom: 22px;}
.footer-nav dl.ccw dd a{ font-size: 18px;font-weight: 400}

.footer-wx-wz .wxp{width: 143px; text-align: center;color: #fff; font-size: 16px;}
.footer-wx-wz .wxp span{display: block; padding-top: 15px;}
.site-copyright {
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
	margin-top: 70px;
}
.dlxf_1{margin: 40px 0;}
.dlxf_1 p{font-size: 16px; color: #fff; line-height: 32px; margin-bottom: 3px;}
.sub-menus {
    width: 80px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999
}

.sub-menus .item {
    height: 105px;
    cursor: pointer;
    position: relative;
    transition: .3s;
    background: rgba(1, 84, 164, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
      font-size: 14px;
      text-align: center;

}
.sub-menus .item p{
margin-top: -20px;
}
.sub-menus .item a:hover{color: #fff;}
.sub-menus .item.it3{border-bottom:0;}
.sub-menus .item:hover {
    background: #007bc6
}

.sub-menus .telbox .tel {
    height: 50px;
    line-height: 50px;
    background: #0b7bda;
    font-family: medium;
    width: 182px;
    text-align: center;
    position: absolute;
    left: 52px;
    top: 0;
    color: #fff;
    font-size: 24px
}

.sub-menus .telbox:hover {
    transform: translateX(-184px)
}

.sub-menus .ic {
    width: 100%;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 55;
    background-size: 800px
}

.sub-menus .ic1 {
    background: url('../img/t1.png') no-repeat center
}

.sub-menus .ic2 {
    background: url('../img/t2.png') no-repeat center
}


.sub-menus .ic4 {
    background: url('../img/wb.png') no-repeat center
}

.sub-menus .pop {
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(43px, -50%) scale(0);
    transition: .3s
}

.sub-menus .pop .inner {
    position: relative
}

.sub-menus .pop .inner::after {
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #007bc6;
    top: 50%;
    margin-top: -5px
}

.sub-menus .pop .info {
    background: #fff;
    padding: 26px 0;
    font-size: 16px
}

.sub-menus .pop .code-wrap {
    border: 10px solid #007bc6;
    border-radius: 6px
}

.sub-menus .pop .code {
    width: 150px;
    max-width: none;
}

.sub-menus .item:hover .pop {
    display: block;
    transform: translate(-95px, -50%) scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

/* About US */
.basenav2{margin-top: -90px;}
.basenav2 .inner {
    background: #fff;
    
	box-shadow: 0 5px 5px rgba(0,0,0,.02);
	border-radius: 20px;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center
	
}
.basenav2 .inner.v4 .item{width: 25%;} 
.basenav2 .inner.v3 .item{width: 33.333%;}
.basenav2 .inner.v2 .item{width: 50%;}
.basenav2 .inner .item{
    height: 1.2rem;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
	border-left: 1px solid #e8e8e8;
	position: relative;
}
.basenav2 .inner .item:first-child{border: 0;}
.basenav2 .item .icon {
display: block;
    width: .34rem;
    height: .34rem;
    position: relative;
    overflow: hidden;
	margin: 0 auto 0.1rem;
}
.basenav2 .item .icon i {
    width: .34rem;
    height: .34rem;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}
.basenav2 .item span{font-size: .2rem; color: #464646; font-weight: bold;letter-spacing: 1.5px;}
.basenav2 .inner.v4 .item:hover,.basenav2 .inner.v4 .active {
   background-repeat: no-repeat;
   background-image: url('../images/dhbj4.png');
}
.basenav2 .inner.v3 .item:hover,.basenav2 .inner.v3 .active {
   background-repeat: no-repeat;
   background-image: url('../images/dhbj3.png');
}
.basenav2 .item:hover,.basenav2 .active {
   background-repeat: no-repeat;
   background-image: url('../images/dhbg.png');
	  background-position: right;
	  background-repeat: no-repeat;
	  background-size: cover;
}

.basenav2 .item:first-child:hover,.basenav2 .item:first-child.active {
   border-radius: 15px 0 0 15px;
}
.basenav2 .item:last-child:hover,.basenav2 .item:last-child.active {
   border-radius: 0 15px 15px 0;
}

.basenav2 .item:hover span,.basenav2 .active span {
    color: #fff
}
.basenav2 .item .icon em i.hdd {
	display: none;
}
.basenav2 .item:hover em i.hdd,.basenav2 .active em i.hdd {
	display: block;
}
.basenav2 .item:hover em i.hsw,.basenav2 .active em i.hsw {
	display: none;
	}	
.abus{ margin-top: 60px;}
.abus_1 p{font-size: 16px; line-height: 36px; color: #030304; padding-right: 55px; text-align: justify; margin-bottom: 20px; text-indent: 2em;}
.abus_1 b,.abus_1 p strong{color: #0b318f;font-size: 18px;}
.abus_cq{margin-top: 40px;}
.abus_cq h3{font-size: 36px; color: #242424; font-weight: bold; text-align: center;}

.ec_pro{margin-top: 55px;}
.ec_pro .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
	
}

.ec_pro .swiper-container-no-flexbox .swiper-slide {
    float: left
}

.ec_pro .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.ec_pro .swiper-wrapper {
    position: relative;
    width: 10%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.ec_pro .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.ec_pro .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 50%;
    height: 100%;
    position: relative;
    padding: 0;
}

.ec_pro .swiper-button-next,.ec_pro .swiper-button-prev {
    position: absolute;
    top: 50%;

    cursor:pointer;
}


.ec_pro .banner-box .swiper-slide a{ display: block;}
.ec_pro .banner-box .swiper-slide a p{font-size: 16px; color: #030304; height: 60px;line-height: 60px;text-align: center; display: block; padding: 0 10px;}
.ec_pro .banner-box {
    width: 100%;
}

.ec_pro .swiper-container {
    width: 100%;
    margin:0;
}


.ec_pro .swiper-slide img {
    width: 100%;
    display: block;
}


.ec_pro .swiper-button-prev {
    left:0;
color: #fff;
background-image: url(../img/z_left.png);
width: 45px;
height: 45px;
background-size: 45px 45px;
margin-top: -50px;
}

.ec_pro .swiper-button-prev:hover{ color: #cfb345;}
.ec_pro .swiper-button-next {
   right:0;
color: #fff;
background-image: url(../img/z_right.png);
width: 45px;
height: 45px;
background-size: 45px 45px;
margin-top: -50px;
}
.ec_pro .swiper-button-next:hover{ color: #cfb345;}

.ec_pro .banner-box .swiper-slide a span{ display: block;border-radius: 15px; position: relative;}

.ec_pro .banner-box .swiper-slide a img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;height: 279px;object-fit: cover;
    width: 100%;}
.ec_pro .banner-box .swiper-slide  a:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.ec_pro .banner-box .swiper-slide a span em{display: none;}
.ec_pro .banner-box .swiper-slide a:hover span em{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);background-image:url(../images/fd.png);background-position:center center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s;}
.ab_video{margin-top: 30px;}
.ab_video a{ display: block; position: relative;    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
	text-align: center;
    cursor: pointer;}
.ab_video a p{font-size: 16px; color: #fff; padding-top: 10px;}	
.abus_ry{margin-top: 80px;}
.abus_ry h3 {
    font-size: 36px;
    color: #242424;
    font-weight: bold;
    text-align: center;
}
.abus_ry h4{font-size: 16px; margin-top: 40px;
    color: #030304;
    text-align: center;} 
.abus_ry h4 b{font-size: 18px;color: #0b318f;}	
.DHonor_title {
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 45px;
}
.DHonor_title .DHonor_title_right a{ display:inline-block; line-height:48px; padding:0px 35px;  border-radius:10px; font-size:18px; color:#161616; margin:0 17px; font-weight: bold;}
.DHonor_title .DHonor_title_right a.on{ background:#2480ef; color:#fff;}
.DHonor_title .DHonor_title_right a:hover{ background:#2480ef; color:#fff;}
.Applications{ margin: 80px 0 40px 0;}


.Applications .swiper-container .swiper-slide{ transform: scale(.6);  transition: all 0.5s ease; -webkit-transform: all 0.5s ease; display:flex; align-items:center; justify-content:center; border-radius:10px; -webkit-perspective: 400; -moz-perspective: 400; float: left;}

.Applications .swiper-container .swiper-slide img{ width:100%;  object-fit:cover; border-radius:10px; -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d; 
}
.Applications .swiper-container .swiper-slide.swiper-slide-active{  transition: all 0.5s ease; -webkit-transform: all 0.5s ease;    transform: scale(1);}
.Applications .swiper-container .swiper-slide.swiper-slide-prev img{-webkit-transform: rotateY(-345deg); -moz-transform: rotateY(-345deg);transform: rotateY(-345deg); }
.Applications .swiper-container .swiper-slide.swiper-slide-next img{-webkit-transform: rotateY(345deg); -moz-transform: rotateY(345deg);transform: rotateY(345deg);}
.Applications .swiper-container .swiper-slide p{font-size: 16px; color: #1d1d1d;text-align: center; padding-top: 20px;display: none;}
.Applications .swiper-container .swiper-slide.swiper-slide-active,.Applications .swiper-container .swiper-slide.swiper-slide-active p{ display: block;}

.fieldlist{margin: 60px 0;}
.fieldlist .field-box ul{width: 100%;}
.fieldlist .field-box ul li{width: 100%;margin-bottom: 60px;display: flex; background-color: #fff; padding:60px;align-items: center;}
.fieldlist .field-box ul li .field-img{width: calc(40% - 4%);margin-right: 4%;}
.fieldlist .field-box ul li .field-img a{ display: block;text-align: center;}
.fieldlist .field-box ul li .field-img img{transition:1s;-webkit-transition:1s;-moz-transition:1s; max-height:300px;}
.fieldlist .field-box ul li .field-img a:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}	
.fieldlist .field-box ul li .field-txt{width: calc(60% - 4%);margin-left: 4%;}
.fieldlist .field-box ul li .field-txt h1{font-size: 30px;margin-bottom: 50px;color: #221815; font-weight: 500; position: relative;}
.fieldlist .field-box ul li .field-txt h1:before {
    content: '';
    width: 50px;
    height: 4px;
    background-color: #2686ca;
    display: block;
    position: absolute;
    bottom: -20px;
}
.fieldlist .field-box ul li .field-txt p{font-size: 16px;line-height: 30px;color: #727171; margin-bottom: 40px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;text-align: justify;}

.fieldlist .ec_b_1 a {

    margin-top: 30px;
}

.abus_his{margin-top: 65px;}
.ab_hs{position: relative;padding-bottom: 40px;}
.ab_hs:before {
	content: '';
   background-image: url(../images/xian.png);
   background-repeat:repeat;
   height: 8px;
   width: 100%;
    position: absolute;
    bottom: 0;
}
.ab_hs  ul{
    width: 100%;
    display: flex;
    justify-content: space-around;
	text-align: center;
}
.ab_hs  ul li{cursor: pointer; position: relative;}
.ab_hs  ul li h3{font-size: 30px; color: #ababab; font-family: 'Impact';}
.ab_hs  ul li p{font-size: 18px; color: #ababab; padding-top: 2px; font-weight: 500;}
.ab_hs  ul li:hover h3,.ab_hs  ul li.active h3{color: #0551a7;}
.ab_hs  ul li:hover p,.ab_hs  ul li.active p{color: #3b3b3b;}
.ab_hs  ul li:hover:after,.ab_hs  ul li.active:after{content: '';
   background-image: url(../images/dian.png);
   background-repeat:repeat;
   height: 23px;
   width: 23px;
    position: absolute;
    bottom:-30px;
	left: 50%;
	transform:translateX(-50%);-webkit-transform:translateX(-50%);
}
.ab_yw{margin-top: 40px;text-align: center;} 

.pin_pai{
    padding-top: 50px;
}
.m-z-swiper{
    position: relative;
}
.m-z-p-b{
    margin: 0 auto;
    position: relative;
    bottom: -20px;
	left: 0;
}
.swiper-pagination.m-z-p{
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.pin_pai .swiper-slide{
    background-image: url(../images/jiao.png); height: 457px;background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;}
.pin_pai .swiper-slide .ab_tr{padding:70px 40px;}	
.pin_pai .swiper-slide .ab_tr h3{font-size: 48px; color: #0551a7; font-family: 'Impact'; padding-bottom: 10px;}
.pin_pai .swiper-slide .ab_tr p{font-size: 20px; color: #000; line-height: 30px;}
.swiper-pagination-progress .swiper-pagination-progressbar {
    background-color: #0857aa;
    height: 2px;
    top: 0;
}

.swiper-pagination-progress{
    background: #d7e2e6;
}
.pin_pai .swiper-slide:nth-child(2n) {
margin-top: 50px;
}
.ab_tor{background-image: url(../images/fzbj.png); background-repeat: no-repeat;
 
    background-position: center -80px;
    position: relative;}
.list-wrap2{display: none;}
.list-wrap2.active{display: block;}
.abus_1 .bang{padding-top: 20%;}
.abus_1 .bang p{font-size: 20px; color: #030304; line-height: 48px;}
.abus_1 .bang b,.abus_1 .bang p strong {
    color: #e60012;
    font-size: 24px;
}
.bangs {font-size: 16px; color: #030304;line-height: 32px;min-height: 300px;margin-bottom: 50px;}

.xh_zp {margin-bottom: 50px;}



.recuite-list li {
border-bottom: 1px solid #e9e9e9;
}
.recuite-tops {
  position: relative;
  z-index: 3;
  height:90px;
  line-height: 90px;
  overflow: hidden;
  transition: 0.45s;
  cursor: pointer;
}



.recuite-tops.active b:after,
.recuite-tops:hover b:after {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
.recuite-tops span {
  display: block;
  float: left;
  color: #3b3b3b;
  font-size: 18px;
  transition: 0.4s;
  letter-spacing: 1px;
}
.recuite-tops.ctt{background-color: #007bc6; height: 60px;}

.recuite-tops.ctt span {
	color: #fff;
	font-size: 16px;
	height: 60px;
	line-height: 60px;
}
.recuite-tops span {
  width: 15%;
  text-align: center;
}
.recuite-tops span:first-child{width: 25%;}



.recuite-texts {
  padding:50px 60px 80px 60px;
  background: #fff;
  display: none;
  border: 0;
}
.recuite-texts p {
  color: #3b3b3b;
  font-size: 16px;
  line-height: 2;
}
.recuite-texts a {
  display: inline-block;
  color: #007bc6;
  font-size: 16px;
}

.jian{ display: none;}
.recuite-list .active .jian{ display: inline-block;}
.recuite-list .active .jia{ display: none;}

.abcs{margin: 60px 0 120px 0;}
.ab_t{background-color: #fff; padding: 50px; text-align: center;border-radius: 15px; min-height: 460px;}
.ab_t h3{font-size: 20px; color: #3b3b3b; font-weight: bold; margin: 25px 0; letter-spacing: 1px;}
.ab_t  p{font-size: 16px; color: #3b3b3b; line-height: 30px;}
.ab_t  p img{height: 180px;}
.c_left p{text-align: left;}
.dao a {
	margin: 0 auto;
    width: 190px;
    height: 56px;
    border-radius: 50px;
    display: block;
    line-height: 56px;
    text-align: center;
    color: #005dab;
    font-size: 16px;
    margin-top: 40px;
    background-color: #fff;
    font-weight: bold;
	letter-spacing: 1px;
 box-shadow:0 0 10px rgba(238,238,238,0.9);
}
.dao a .icon-daohang{font-size: 20px;}

.dao a:hover{background-color:#005dab ; color: #fff;}
#map {
    width: 100%;
    height: 420px;
}
.ab_feed{margin-top: 70px;}
.ab_feeds{margin-top: 55px;}
.ab_feed .layui-input{
    height:60px;
    line-height: 60px;
	font-size: 16px;
	color: #7c7c7c;
	padding-left: 20px;
	border-color: #ffffff;
}
.ab_feed .rea{margin-top: 30px;}
.ab_feed textarea{
    height:200px;
	font-size: 16px;
	color: #7c7c7c;
	padding: 20px;
	border-color: #ffffff;
}
.xh_an{margin: 0 auto; text-align: center;}
.xh_an .layui-btn{height: 55px; line-height: 55px; font-size: 16px; margin-top: 40px;padding: 0 100px;}
.xh_an .layui-btn-normal{background-color: #1b5aa7;}


.xh_ntop ul li a{display: block; padding:25px 20px; background-color:#f9f9f9;}
.xh_ntop ul li a:hover {
    background: #fff;
	box-shadow: 0 0 22px rgba(0,0,0,.12);
}
.xh_ntop ul li a:hover .nwg_1{
    background-color: #007bc6;
    color: #fff;
  
}
.x_h_ntop_1 {
    display:block;
}
.x_h_n_l{width: 100%; padding: 0 0 0 10px; overflow: hidden;}
.nwg{display: flex;}
.nwg_1{background-color: #e0ecf4;color: #0084c9; padding: 20px 29px;width: 100px;}
.nwg_1 i{font-style: normal;font-size: 30px; display: block; line-height: 30px;font-family: 'arial';}
.nwg_1 span{font-size: 16px; display: block; padding-top: 2px;font-family: 'arial';}
.nwg_2{width: calc(100% - 100px);display: flex;}
.nwg_2 h3{font-size: 18px; color: #202225;font-weight: bold; padding-top: 8px;}
.nwg_2 p{font-size: 14px; color: #202225;line-height: 24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; margin-top: 10px;}
.xh_ntop ul li a:hover h3{color: #0084c9;}	
	.nb_2 {
	    width: 100px;
	    height: 100px;
	    line-height: 100px;
	    text-align: center;
		transition:all .5s;-webkit-transition:all .5s;
	}
.nb_1{width: calc(100% - 100px); padding-left: 26px; padding-right: 40px;}

.xh_ntop ul li a:hover .nb_2 {
    transform: translateX(-5px);
	
}
.xh_ntop ul li .pics img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;	
	
}
.xh_ntop ul li a:hover  img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.x_h_n_r {
width: 25%;
    overflow: hidden;
}	
.x_h_n_r span{display: block;}
.x_h_n_r img{height: 200px;
border-radius: 15px;
    object-fit: cover;
    width: 100%;}
.xh_ntop ul li{margin-bottom: 30px;}	
.show_news{background-color: #fff;border-radius: 15px; padding: 60px; min-height: 500px;}
.show_n_top h2{font-size: 30px;color: #393939;font-weight: bold; margin-bottom: 20px; text-align: center;}
.show_n_top .xts{text-align: center;}
.bdsharebuttonbox{display: inline-block;}
.yycc{display: inline-block; padding: 0 20px;}
.show_n_top span{font-size: 18px;color: #717171; display: inline-block;}
.cpp_rights .show_n_top h2{font-size: 24px; margin-bottom: 10px;}
.show_n_top {
    border-bottom: 1px solid #dedede;
    padding-bottom: 60px;
    margin-bottom: 40px;
}
.show_n_top.cjj {
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.bdsharebuttonbox a{margin-right:20px;display:inline-block;padding:0px;margin-bottom:0px;margin-top:0px; cursor: pointer;}
.bdsharebuttonbox a:nth-child(1){background:url(../img/n1s.png) no-repeat;width:24px;height:19px;}
.bdsharebuttonbox a:nth-child(2){background:url(../img/n2s.png) no-repeat;width:25px;height:20px;}
.bdsharebuttonbox a:nth-child(3){background:url(../img/n3s.png) no-repeat;width:20px;height:23px;}
.bdsharebuttonbox a:last-child{margin-right:0px;}
.bsTop{width: auto!important;}
.show_center{font-size: 16px; color: #3b3b3b; line-height: 32px; margin-bottom: 60px;}
.show_center p{margin-bottom: 15px;}
.show_bottom ul li .cct{background-color: #f5f5f5; font-size: 16px;color: #7d7d7d; padding: 30px 20px;}

.ss{height: 100px; width: 100%; background-color: #fff;  box-shadow: 0 5px 5px rgba(0,0,0,.02); border-radius: 15px; line-height: 100px; position: relative;}
.ss .sea{padding:0 100px; font-size: 18px; color: #a8a8a8;letter-spacing: 1px; width: 100%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
color: #a8a8a8; 
} 
input:-moz-placeholder,textarea:-moz-placeholder { 
color: #a8a8a8; 
} 
input::-moz-placeholder,textarea::-moz-placeholder { 
color: #a8a8a8; 
} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder { 
color: #a8a8a8; 
}
.ss .submit {
	position: absolute;
    width: 31px;
	height: 31px;
    background-image: url(../img/ss.png);
    background-repeat: no-repeat;
	cursor: pointer;
	left: 40px;
	top:50%;
	transform:translateY(-50%);-webkit-transform:translateY(-50%);
}
.abcp{margin-top: 50px;}
.xh_cpp{display: flex; min-height: 500px;}
.cpp_left{width: 27%; margin-right: 40px;}
.cpp_right,.cpp_rights{width: 73%;}
.cpp_left_1{background-color: #fff; padding:30px 40px 60px 40px; border-top: 6px solid #0b318f; border-radius: 8px 8px 15px 15px;}

.sidebar-nav>li>a{position: relative; display: block;width: 100%;line-height: 30px; font-size: 18px;color: #2e2e2e; font-weight: bold;    padding: 15px;}



.sidebar-nav>li>a b {position: absolute;top: 50%; right: 30px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}

.sidebar-subnav li a:hover{color: #0b318f;}

.sidebar-nav li>a.act .jia{ display: block;transform: rotate(90deg);}
.sidebar-subnav li a{display: block;position: relative;}

/**/
.sidebar-subnav { display: none; transition: none;}
.sidebar-subnav li {font-size: 14px; cursor: pointer;}

.sidebar-subnav>li>a {display: block; padding: 0 10px 20px 30px;color: #2e2e2e;font-size: 16px;}

.sidebar-subnav>li>ul>li>a{padding-left: 45px;border-top: 1px solid #eee;border-top: none;}
.sidebar-subnav>li>ul>li>ul>li>a{padding-left: 60px;border-top: 1px solid #eee;border-top: none;}
.sidebar-nav > li{border-bottom: 1px solid #f1f1f1;}
.sidebar-subnav li:first-child {margin-top:10px;}
.sidebar-nav-active {display: block;}
.sidebar-nav-active .on{color: #0b318f;}

.cpp_bt{margin-top: 50px;}
.cpp_bt h3{font-size: 18px; color: #0b318f; font-weight: bold; margin-bottom: 15px;}
.cpp_bt p{font-size: 14px; color: #2e2e2e; line-height: 28px; padding-top: 10px;}
.cpp_cmy{display: flex;align-items: center;}
.cpp_right a,.cpp_right span{display: block;}
.cpp_right_1{width: 31%;overflow: hidden;}
.cpp_right_2{width: 69%;overflow: hidden;}
.cpp_right_1 span img{
    height: 191px;
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
}
.cpp_right a{position: relative; overflow: hidden; margin-bottom: 50px;}
.cpp_right a::after{content: '';height: 1px;
    background-color: #e8e6f1;
    display: block;
    position: absolute;
    bottom: 0;
	width: 100%;
	    left: 10px;
	}
.cpp_cmc{margin-left: 40px; padding: 20px 0;}	
.cpp_cmc p{font-size: 16px;color: #2f2f2f; padding: 5px 0;}	
.cpp_cmc p.csano{font-weight: bold;color:#0b318f; font-size: 18px;}
.cpp_right a:hover {
   
	box-shadow: 0 0 22px rgba(0,0,0,.12);
	
	border-radius: 0 15px 15px 0;
}
.cpp_right a:hover img{border-radius: 0;transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;}

.cpp_right a:hover  img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.sk_pro_a{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; padding: 50px 0 40px 0;}
.sk_pro_a_1{position: relative;margin-right: 20px;width: -webkit-calc(55% - 10px);width: -moz-calc(55% - 10px);width: calc(55% - 10px);overflow: hidden;}
.sk_pro_a_2{position: relative;width: -webkit-calc(45% - 10px);width: -moz-calc(45% - 10px);width: calc(45% - 10px);overflow: hidden;}

.hhw h2{font-size: 50px; color: #2c2c2c; font-weight: 500; margin-bottom: 5px;}
.sk_pro_a_1 p{font-size: 18px; color: #3f3f3f; }
.pr_w{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 1px solid #e7e7e7;
    text-align: center;position: relative;display: block;margin: 0 auto;}
.pr_w img{position: absolute; top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);}	
.sk_pro_a_2 .classes-item{ text-align: center; cursor: pointer;}	
.sk_pro_a_2 .classes-item p{font-size: 16px; color: #292929; margin-top: 15px;}
.sk_pro_a_2 .classes-wrap li.active .pr_w, .sk_pro_a_2 .classes-wrap li:hover .pr_w {
    background: #007bc6;
    border: 1px solid #007bc6;
}
.pr_w .hdey{opacity: 0;}
.sk_pro_a_2 .classes-item:hover .pr_w .hdey,.sk_pro_a_2 .classes-item.active .pr_w .hdey{opacity: 1;}
.sk_pro_a_2 .classes-item:hover .pr_w .hdes{opacity: 0;}
.sk_pro_a_2 .classes-item.active  p{color: #007bc6;}
.sk_pro_b{
background: url(../img/products.png) center no-repeat;}
.sk_b_r{float: right; width: 38.63%; position: relative;}
.sk_b_r img{height: 100%;}
.sk_b_r_1{width: 100%;}
.sk_b_r p{font-size: 24px; color: #fff; position: absolute;top: auto;bottom: 60px; left: 50%;transform: translateX(-50%); width: 100%; text-align: center; padding: 0 30px;}
.sk_b_r i{position: absolute; z-index: 2; bottom: 0; height: 100%; width: 100%; background:rgba(0, 0, 0, .1); display: block;}
.sk_b_r b{position: absolute;left:0;top: 50%;transform: translateY(-50%);z-index: 3;}
.sk_b_l{width: 61.37%; float: left;padding-left: 13.5%; position: relative;padding-right: 5%; padding-top: 40px;}
.s_pr h3{font-size: 32px; color: #007bc6; margin-top:30px;width: 90%;}
.s_pr p{font-size: 16px; color: #070404; margin-top:15px; line-height: 28px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; width: 90%;}
.s_pr .ec_b_1{margin-top: 30px;}

.s_pr img{max-height:500px;}
.kan .swiper-button-prev {

background-image: url(../img/a_l.png);
width: 10px;
height: 18px;
background-size: 10px 18px;
position: absolute;top: 52%;transform: translateY(-52%);z-index: 4; left:-50px;
}
.kan .swiper-button-next {
background-image: url(../img/a_r.png);
width: 10px;
height: 18px;
background-size: 10px 18px;
position: absolute;top: 52%;transform: translateY(-52%);z-index: 4; left: 10px;
}
.list-wrap{display: none;}
.list-wrap.active{display: block;}

.sk_about_top{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; padding: 80px 0 70px 0;}
.sk_about_top_1{width: 300px;}
.sk_about_top_3{width:165px;padding-top: 20px}
.sk_about_top_2{width:calc(100% - 465px);font-size:18px; line-height:40px;color: #3f3f3f;padding: 0 60px;text-align: justify;}
.sk_about{position: relative;}
.sk_about_bj_left{position: absolute;top:0;left:0;z-index: -1;}
.sk_about_bj_right{position: absolute;top:0;right:0;z-index: -1;}
.sk_about_bottom{position: relative;}
.ab_date{position: absolute;bottom:60px;left: 50%;transform: translateX(-50%); width: 100%; text-align:center;}
.ab_date ul{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.ab_date ul li{width: 25%;}
.ab_date ul li .infos b{font-weight:bold;color: #fff; font-size: 60px;font-family: 'Myriad Pro';letter-spacing: 1px;}
.ab_date ul li  .nmee{color: #fff; font-size: 16px;}
.ab_date ul li  span{color: #fff; font-size: 16px;position: absolute;top:5px; padding-left: 5px;}

.sk_news{background: url(../img/bb-min.jpg) center no-repeat; padding: 75px 0 95px 0;}
.sk_news_top{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; padding:0 0 65px 0;}
.sk_news_top_2{width: 165px; margin-top: 15px;}
.sk_news_top_1{width:calc(100% - 165px);}

.sk_news_center{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.sk_news_center_1,.sk_news_center_2{width:calc(33.3333% - 30px)}
.sk_news_center_1{margin-right: 45px;}
.sk_news_center_a{background: #fff;}
.sk_news_center_ab{padding: 20px 20px 30px 20px;}
.sk_news_center_ab h3{font-size: 16px;color: #4a4a4a;font-weight: bold;padding-top: 25px; margin-bottom: 15px;}
.sk_news_center_ab p{font-size: 14px;color: #949494; line-height:24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.sk_sj{width: 72px; height: 72px;background: #097ec5; color: #fff;text-align: center;display: table-cell;
    vertical-align: middle;}	
.sk_sj b{display: block;font-size:36px;font-family: 'arial';font-weight: normal; line-height:28px;padding-top: 3px;}
.sk_sj span{font-size:14px;font-family: 'arial';}
.sk_news_center_ab i{display: block; margin-top: 18px;    transition: all .3s;
    -webkit-transition: all .3s;}
.sk_s{margin-top: -52px;z-index: 1; position: relative;}


.sk_news_center_a .pics img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	height: 275px;
	    object-fit: cover;
		width: 100%;	
}
.sk_news_center_a a:hover .pics img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.sk_news_center_a a:hover h3{color: #097ec5;}
.sk_news_center_a a:hover i{transform: translateX(5px);}
.sk_news_center_2{background: #fff;}
.center_2_f{width: 94px; height: 40px;line-height:40px; text-align: center; font-size:14px;color: #fff;background: #097ec5;}
.sk_news_center_b{padding:30px}
.sk_news_center_b a{display: block;font-size:16px;color: #4a4a4a;line-height:30px;font-weight:bold;}
.sk_news_center_b p{display: block;font-size:16px;color: #949494;line-height:30px;font-family: 'arial';}
.sk_news_center_b a:hover{color:#097ec5;}
.sk_news_center_b li{margin-top: 20px;}
.sk_news_center_b li:first-child{margin-top: 0;}
.sk_hz{background: url(../img/ay.png) center no-repeat;}
.sk_hz_a{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;line-height:160px;}
.sk_hz_1{width: 330px;font-size:50px;color: #fff;}
.sk_hz_2{width:calc(100% - 330px);padding-right: 100px; position: relative;}
.sk_hz_2 .swiper-slide{text-align: center;}
.hz_kk .swiper-button-prevs {

background-image: url(../img/a_l.png);
width: 10px;
height: 18px;
background-size: 10px 18px;
position: absolute;top: 50%;transform: translateY(-50%);z-index: 4; right:50px; left: auto;
cursor: pointer;
}
.hz_kk .swiper-button-nexts {
background-image: url(../img/a_r.png);
width: 10px;
height: 18px;
background-size: 10px 18px;
position: absolute;top: 50%;transform: translateY(-50%);z-index: 4; right:0;left: auto;cursor: pointer;
}
.sk_nyb{position: relative;}
.sk_nyb img{position: absolute;bottom: -42px;left: 0;}
.sk_nyb_t {position: absolute;left: 100px;bottom:50px}
.sk_nyb_t h2{font-size:48px;color: #fff;font-weight: 500;line-height: 48px;}
.sk_nyb_t h3{font-size:48px;color: #fff;font-weight: 500;line-height: 48px; margin-top: 8px;text-transform: uppercase}

.ncon {
    text-align: center;
}
.n_navul {
    height: 120px;
    line-height: 120px;
    margin: auto;
	border-bottom:1px solid #eaeaea;
}
.n_navul a{ display: inline-block;margin: 0 40px;font-size: 17px;position: relative; color: #373737;}

.n_navul a:hover::after{position:absolute;content:'';left:50%;transform: translateX(-50%);bottom:32px;background-image: url(../img/ni.png); width: 16px; height: 8px;}
.n_navul a:hover{color: #007bc6;}

.n_navul a.on::after{position:absolute;content:'';left:50%;transform: translateX(-50%);bottom:32px;background-image: url(../img/ni.png); width: 16px; height: 8px;}
.n_navul a.on{color: #007bc6;}

.sk_ab_center {
    display: flex;
    justify-content: space-around;
	margin: 70px 0 10% 0;
}
.sk_ab_center_1 {
    width: 50%;
}
.sk_ab_center_2{padding: 45px 0 0 45px; width: 50%;}

.sk_ab_center_2 h1 {
    font-size: 30px;
    margin-bottom: 30px;
    color: #007bc6;
    font-weight: 500;
}
.sk_ab_center_2 p {
    font-size: 16px;
    line-height: 30px;
    color: #1d1c1c;
    margin-bottom: 20px;
	text-indent: 2em;
	text-align: justify;
}
.sk_fz{background: url(../img/fz.jpg) center no-repeat;}
.n_navul.qdx{border-bottom:0;}
.sk_fz_1{margin: 80px 0;}
.sk_fz_1 h3{font-size:46px;line-height: 46px; color: #005dab;font-weight: 500;}
.sk_fz_1 h4{font-size:24px;line-height: 24px; color:rgba(0,93, 171, .2);font-weight: 500; margin-top: 20px;}

.sk_de{margin: 100px 0; position: relative;}
.l_e1bx2li {
    height: 400px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 24px 42px;
	overflow-y: auto;
}
.l_e1bx2time {
    font-size: 48px;
    font-weight: bold;
    color: #007bc6;
    line-height: 1.75;
    margin-bottom: 10px;
	
}
.l_e1bx2p p {
    margin-bottom: 10px;
}
.para p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
}
.sk_de .ec_pro .swiper-button-prev {
    left: -65px;
    color: #fff;
    background-image: url(../img/z_left.png);
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
    margin-top: 0;
}
.sk_de .ec_pro .swiper-button-next {
    right: -65px;
    color: #fff;
    background-image: url(../img/z_right.png);
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
    margin-top:0;
}
.sk_cp{background-color: #f7f8fa;}
.h{height: 90px;}
.xx_dh{font-size: 16px; color: #2e2d2d; line-height: 26px; margin: 40px 0; position: relative;}
.xx_dh a{padding: 0 15px;}
.xx_dh img{position: absolute;left: 0;top: 6px;}
.xx_dh a.sgg{padding-left: 30px;}
.hiss .fieldlist {
    margin:0;
}
.hiss {background-color: #fff; padding:50px; margin-bottom: 60px;    overflow: hidden;}
.hiss .fieldlist .field-box ul li {
    margin-bottom:0;
    background-color: #fff;
    padding:  80px 0;
}
.hiss .fieldlist .field-box ul li .field-txt p {
    margin-bottom: 0;

}
.ls_xx{background: url(../img/hi.png) left no-repeat;background-color:#f9f9f9;color: #fff; line-height: 77px; position: relative; margin-top: 60px; font-size: 18px; padding-left: 50px;}
.lsx_nr{padding: 60px 0; line-height: 32px; font-size: 16px; color: #727171;}
.sk_al{margin: 70px 0 130px 0;position: relative;}
.sk_al p{ font-size: 16px;color: #727171; line-height: 28px; padding-top: 20px; text-align: center;}
.sk_al img{height: 365px;object-fit: cover;width: 100%;}
.sk_al .swiper-pagination{
  left:50%;transform: translateX(-50%);bottom:-50px;position: absolute;
}
.sk_al .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
	margin: 0 5px;
}
.sk_al .swiper-pagination-bullet-active {

    background: #007bc6;
}
.return {
  margin: 35px 0;
}

.return a {
  width: 166px;
  height: 48px;
  margin: 0 auto;
  display: block;
  line-height: 48px;
  color: #fff;
  background: url(../img/return.png) no-repeat 29px center #007bc6;
  font-size: 16px;
  text-align: center;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.return a:hover {
  color:#fff;
  background-color: #106ab2;
}
.sk_fac{margin: 100px 0 120px 0;}
.sk_fac ul li  a {
    display: block;
}
.sk_fac ul li  a img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
    width: 100%;}
.sk_fac ul li  a p{font-size: 18px; color: #202225;text-align: center; display: block;padding-top: 20px; font-weight: 500;}
.sk_fac ul li a span {
    display: block;
    position: relative;
}
.sk_fac ul li  a:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.sk_fac ul li a span em{display: none;}
.sk_fac ul li a:hover span em{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(1, 84, 164, 0.5);background-image:url(../img/fd.png);background-position:center center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s;}
.sk_hzbj{ background: url(../img/hzbj.jpg) center no-repeat;}
.hz_bj{padding:10% 0;}
.hid{display: none;}
.sk_lx{background-color: #f7f8fa; padding: 90px 0;}
.sk_con{background-color: #fff;}
.sk_lx_1{padding: 60px;}
.g_ftaddfl {
    width: 17px;
    line-height: 28px;
}
.g_ftaddfr {
    width: calc(100% - 17px);
    padding-left: 10px;
}
.g_ftaddfr p {
    color: #3b3b3b;
    font-size: 16px;
    line-height: 32px;
	margin-bottom:15px;
}
.sk_wx {
    width: 120px;
    text-align: center;
    color: #3b3b3b;
    font-size: 16px;
	margin-top: 20px;
}
.sk_wx span {
    display: block;
    padding-top: 5px;
}
.sk_mes{margin:8% 0 0 0;}
.sk_mes h2{font-size: 46px;color: #2a2a2a;font-weight: 500;}
.sk_mes h3{font-size: 16px;color: #3f3f3f; padding-top: 12px;}
.toudi .ec_b_1 a{color: #fff;position: relative; padding-left: 20px;}
.toudi .ec_b_1 a i{position: absolute;top:47%;left:35px;transform:translateY(-48%);}
.sk_xxww{margin-top: 50px;}
.sk_xxww a{display: block;}
.sk_xxww a h3{font-size:18px;color: #202225;font-weight: bold; margin-top: 25px;}
.sk_xxww a p{font-size:16px;color: #949494;font-family: 'arial'; margin-top: 10px;}
.sk_xxww a:hover h3{color: #007bc6;}
.sk_xxww ul li .pics img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	height: 285px;
	    object-fit: cover;
		}
.sk_xxww ul li a:hover  img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.hiss.xx_show{border-top: 3px solid #007bc6;}
.text-centers{font-size:20px;text-align: center;}	

#index_banner .content {
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1600px;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  position: absolute;
  color: #fff;
  font-size: 16px;
}
#index_banner .content h3{font-size:60px ; color: #fff; font-weight: bold;text-shadow: 0 0 0.5rem rgba(0, 0, 0, .25);letter-spacing: 1px; opacity: 0;   transform: translateY(80px);}
#index_banner .content h4{font-size:50px ;color: #fff; font-weight: bold;text-shadow: 0 0 0.5rem rgba(0, 0, 0, .25);letter-spacing: 1px; opacity: 0;   transform: translateY(80px);}

#index_banner  .slick-active .content h3 {
    transition: all 2s ease .5s;
    transform: translateY(0);
	    opacity: 1;
   }
#index_banner  .slick-active .content h4 {
    transition: all 2s ease .7s;
    transform: translateY(0);
	    opacity: 1;
   }   
   
 #index_banner  .slick-active img {
   animation: banner 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.3s;
 }  
 @keyframes banner {
   0% {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
   }
   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
.csvv{max-width: 1000px; margin: 0 auto;}
.csvv h5{font-size:18px;color: #007bc6; padding-top: 40px;} 
.accz{ margin-top: 55px;}